<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="description" content="">
    <meta name="author" content="">
    <title>湖州公路养护应急中心</title>

    <!-- Bootstrap -->
    <!-- 最新版本的 Bootstrap 核心 CSS 文件 -->
    <link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
    <!-- 可选的 Bootstrap 主题文件（一般不用引入） -->
    <link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap-theme.min.css" integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp" crossorigin="anonymous">

    <!--自建css文件-->
    <link rel="stylesheet" href="__STATIC__/index/css/cmgd.css">

</head>
<body>
{include file="index/header" /}
<div class="container">
    <div class="row">
        <div class="col-xs-12">
            <!--轮播图-->
            <div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
                <ol class="carousel-indicators">
                    {volist name='number' id='number'}
                    <li data-target="#carousel-example-generic" data-slide-to="{$number.id}"
                        {if condition="$number.id eq '1'"}class="active"{/if}></li>
                    {/volist}
                </ol>
                <div class="carousel-inner" role="listbox">
                    {volist name='ad' id='ad'}
                    <div {if condition="$ad['id'] eq 1"}class="item active" {else} class="item "{/if}
                    style="height: 365px;">
                    <img src="/uploads/images/{$ad.images}" >
                </div>
                {/volist}
            </div>
            <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
                <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
                <span class="sr-only">上一页</span>
            </a>
            <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
                <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
                <span class="sr-only">下一页</span>
            </a>
        </div>
    </div>
</div>
<!--x文章类-->
    <!--左边-->
    <!--通知公告-->
<div style="height:520px;width:100%;margin-top:20px;">
    <div style="height:520px;width:20%;">
        <div style="margin:10px 20px;">
            <a href="patent.html?id=5"  style="text-decoration:none;color:#000000;">
            <span style="line-height:30px;color:#ffffff;background-color:#71000B;font-size:18px;">通知公告</span>
            <span style="line-height:30px;color:#000000;background-color:#E7E7E7;font-size:18px;">更多内容 ></span>
            </a>
        </div>
        <div style="border:1px solid #E7E7E7;width:92%;margin-left:4%;height:370px;">
        <img src="/uploads/img/4.jpg" style="width:100%;">
        <ul style="margin-left:-40px;margin-top:10px;">
                {volist name='laws' id='laws'}
            <a href="show_patent.html?id={$laws.id}"  style="text-decoration:none;color:#000000;">
                    <li style="list-style:none;line-height:30px;">
                        <span>
                              <img src="/uploads/img/5.png" style="width:4%">
                            <span style="margin-left:2px;">{$laws.title}</span>
                        </span>
                        <span>【{$laws.update_time|date="Y-m-d",###}】</span>
                    </li>
            </a>
                {/volist}
        </ul>
        </div>
        <img src="/uploads/img/3.jpg" style="width:100%;margin-top:20px;">
    </div>
<!--通知公告-->
<!--右边-->
<div style="height:270px;width:80%;position:relative;left:20%;bottom:520px;">
<!--新闻中心-->
    <div style="height:270px;width:48%;">
          <div style="margin-left:5%;border-bottom:1.5px solid #6B000A;">
            <span style="font-size:28px;">
                <img src="/uploads/img/7.jpg" style="width:2%;">
               <span style="margin-left:1px;">
                   <a href="patent.html?id=1"  style="text-decoration:none;color:#000000;">
                       新闻中心1
                   </a>
               </span>
            </span>
              <span style="float:right;margin-right:30px;"><img src="/uploads/img/6.jpg" style="margin-left:80%;margin-top:10px;"></span>
              <div style="margin-left:5%;">News Center</div>
          </div>
        <ul style="line-height:30px;">
            {volist name='patent' id='patent'}
            <a href="show_patent.html?id={$patent.id}"  style="text-decoration:none;color:#000000;">
            <li style="list-style:none;margin-left:-16px;border-bottom:1.4px dotted #C1C1C1;">
                <span>
                    <img src="/uploads/img/5.png" style="width:1.5%;margin-left:2px;">
                    <span>{$patent.title}</span>
                </span>
                <span style="float: right;">【{$patent.update_time|date="Y-m-d",###}】</span>
            </li>
            </a>
            {/volist}
        </ul>
     </div>
     <div style="position:relative;left:50%;bottom:270px;height:270px;width:50%;">
         <div style="margin-left:5%;border-bottom:1.5px solid #6B000A;">
            <span style="font-size:28px;">
                <img src="/uploads/img/7.jpg" style="width:2%;">
               <span style="margin-left:1px;">
                   <a href="patent.html?id=2"  style="text-decoration:none;color:#000000;">
                       新闻中心2
                   </a>
               </span>
            </span>
             <span style="float:right;margin-right:30px;"><img src="/uploads/img/6.jpg" style="margin-left:80%;margin-top:10px;"></span>
             <div style="margin-left:5%;">News Center</div>
         </div>
            <ul style="line-height:30px;">
                {volist name='agent' id='agent'}
                <a href="show_patent.html?id={$agent.id}"  style="text-decoration:none;color:#000000;">
                <li style="list-style:none;margin-left:-16px;border-bottom:1.4px dotted #C1C1C1;">
                    <span>
                        <img src="/uploads/img/5.png" style="width:1.5%;margin-left:2px;">
                        <span>{$agent.title}</span>
                    </span>
                    <span style="float:right;">【{$agent.update_time|date="Y-m-d",###}】</span>
                </li>
                </a>
                {/volist}
            </ul>
     </div>
    </div>


    <div style="position:relative;left:20%;bottom:520px;width:55%;height:250px;">
            <div class="shop_click" style="background-color:#f3f3f3;">
                <a onclick="change_div('exhibition')" style="text-decoration:none;color:#B5B5B5;font-size:28px;"><span id="a" style="margin-left:5%;">展会信息</span></a>
                <a onclick="change_div('exhibition2')" style="text-decoration:none;color:#B5B5B5;font-size:28px;"><span id="a2" style="margin-left:5%;">展会信息</span></a>
                <a onclick="change_div('exhibition3')" style="text-decoration:none;color:#B5B5B5;font-size:28px;"><span id="a3" style="margin-left:5%;">展会信息</span></a>
                <a onclick="change_div('exhibition4')" style="text-decoration:none;color:#B5B5B5;font-size:28px;"><span id="a4" style="margin-left:5%;">展会信息</span></a>
            </div>
        <div id="exhibition" style="margin-top:10px;">
        <ul style="line-height:30px;width:90%;">
            {volist name='exhibition' id='exhibition'}
            <a href="show_patent.html?id={$exhibition.id}"  style="text-decoration:none;color:#000000;">
                <li style="list-style:none;margin-left:-16px;border-bottom:1.4px dotted #C1C1C1;">
                    <span>
                        <img src="/uploads/img/5.png" style="width:1.5%;margin-left:2px;">
                        <span>{$exhibition.title}</span>
                    </span>
                    <span style="float: right;">【{$exhibition.update_time|date="Y-m-d",###}】</span>
                </li>
            </a>
            {/volist}
        </ul>
        </div>
        <div id="exhibition2" style="margin-top:10px;">
                <ul style="line-height:30px;width:90%;">
                    {volist name='exhibition2' id='exhibition2'}
                    <a href="show_patent.html?id={$exhibition2.id}"  style="text-decoration:none;color:#000000;">
                        <li style="list-style:none;margin-left:-16px;border-bottom:1.4px dotted #C1C1C1;">
                    <span>
                        <img src="/uploads/img/5.png" style="width:1.5%;margin-left:2px;">
                        <span>{$exhibition2.title}</span>
                    </span>
                            <span style="float: right;">【{$exhibition2.update_time|date="Y-m-d",###}】</span>
                        </li>
                    </a>
                    {/volist}
                </ul>
        </div>
       <div id="exhibition3" style="margin-top:10px;">
        <ul style="line-height:30px;width:90%;">
            {volist name='exhibition3' id='exhibition3'}
            <a href="show_patent.html?id={$exhibition3.id}"  style="text-decoration:none;color:#000000;">
                <li style="list-style:none;margin-left:-16px;border-bottom:1.4px dotted #C1C1C1;">
                    <span>
                        <img src="/uploads/img/5.png" style="width:1.5%;margin-left:2px;">
                        <span>{$exhibition3.title}</span>
                    </span>
                    <span style="float: right;">【{$exhibition3.update_time|date="Y-m-d",###}】</span>
                </li>
            </a>
            {/volist}
        </ul>
       </div>

     <div id="exhibition4" style="margin-top:10px;">
       <ul style="line-height:30px;width:90%;">
        {volist name='exhibition4' id='exhibition4'}
        <a href="show_patent.html?id={$exhibition4.id}"  style="text-decoration:none;color:#000000;">
            <li style="list-style:none;margin-left:-16px;border-bottom:1.4px dotted #C1C1C1;">
                    <span>
                        <img src="/uploads/img/5.png" style="width:1.5%;margin-left:2px;">
                        <span>{$exhibition4.title}</span>
                    </span>
                <span style="float: right;">【{$exhibition4.update_time|date="Y-m-d",###}】</span>
            </li>
        </a>
        {/volist}
    </ul>
   </div>

</div>
    </div>
<script type="text/javascript">
    function change_div(id){
        if (id == 'exhibition2' )
        {
            var d = document.getElementById("a2");
            d.style.backgroundColor = "#6C000A";
            d.style.color = "#FFFFFF";
            var d2 = document.getElementById("a");
            d2.style.color = "#B5B5B5";
            d2.style.backgroundColor = "#f3f3f3";
            var d3 = document.getElementById("a3");
            d3.style.backgroundColor = "#f3f3f3";
            d3.style.color = "#B5B5B5";
            var d4 = document.getElementById("a4");
            d4.style.backgroundColor = "#f3f3f3";
            d4.style.color = "#B5B5B5";
            document.getElementById("exhibition2").style.display = 'block' ;
            document.getElementById("exhibition").style.display = 'none' ;
            document.getElementById("exhibition3").style.display = 'none' ;
            document.getElementById("exhibition4").style.display = 'none' ;
        }
        else if(id == 'exhibition' )
        {
            var d = document.getElementById("a");
            d.style.backgroundColor = "#6C000A";
            d.style.color = "#FFFFFF";
            var d2 = document.getElementById("a2");
            d2.style.backgroundColor = "#f3f3f3";
            d2.style.color = "#B5B5B5";
            var d3 = document.getElementById("a3");
            d3.style.backgroundColor = "#f3f3f3";
            d3.style.color = "#B5B5B5";
            var d4 = document.getElementById("a4");
            d4.style.backgroundColor = "#f3f3f3";
            d4.style.color = "#B5B5B5";
            document.getElementById("exhibition").style.display = 'block' ;
            document.getElementById("exhibition2").style.display = 'none' ;
            document.getElementById("exhibition3").style.display = 'none' ;
            document.getElementById("exhibition4").style.display = 'none' ;
        }
        else if(id == 'exhibition3' )
        {
            var d = document.getElementById("a3");
            d.style.backgroundColor = "#6C000A";
            d.style.color = "#FFFFFF";
            var d2 = document.getElementById("a");
            d2.style.backgroundColor = "#f3f3f3";
            d2.style.color = "#B5B5B5";
            var d3 = document.getElementById("a2");
            d3.style.backgroundColor = "#f3f3f3";
            d3.style.color = "#B5B5B5";
            var d4 = document.getElementById("a4");
            d4.style.backgroundColor = "#f3f3f3";
            d4.style.color = "#B5B5B5";
            document.getElementById("exhibition3").style.display = 'block' ;
            document.getElementById("exhibition2").style.display = 'none' ;
            document.getElementById("exhibition").style.display = 'none' ;
            document.getElementById("exhibition4").style.display = 'none' ;
        }
        else if(id == 'exhibition4' )
        {
            var d = document.getElementById("a4");
            d.style.backgroundColor = "#6C000A";
            d.style.color = "#FFFFFF";
            var d2 = document.getElementById("a");
            d2.style.backgroundColor = "#f3f3f3";
            d2.style.color = "#B5B5B5";
            var d3 = document.getElementById("a2");
            d3.style.backgroundColor = "#f3f3f3";
            d3.style.color = "#B5B5B5";
            var d4 = document.getElementById("a3");
            d4.style.backgroundColor = "#f3f3f3";
            d4.style.color = "#B5B5B5";
            document.getElementById("exhibition4").style.display = 'block' ;
            document.getElementById("exhibition2").style.display = 'none' ;
            document.getElementById("exhibition3").style.display = 'none' ;
            document.getElementById("exhibition").style.display = 'none' ;
        }
    }
</script>
<style type="text/css">
    #exhibition2 { display:none;}
    #exhibition3 { display:none;}
    #exhibition4 { display:none;}
    #a {background-color:#6C000A;color:#FFFFFF}
</style>
<div style="width:100%;margin-top:20px;">
    <img src="/uploads/images/{$pic[0]['pic']}" style="width:100%;">
</div>
<!--新闻中心-->
<!--x文章类-->
<!--左边-->
<!--公路要事-->
<div style="height:520px;width:100%;margin-top:20px;">
    <div style="height:520px;width:20%;">
        <div style="margin:10px 20px;">
            <a href="patent.html?id=6"  style="text-decoration:none;color:#000000;">
            <span style="line-height:30px;color:#ffffff;background-color:#71000B;font-size:18px;">公路要事</span>
            <span style="line-height:30px;color:#000000;background-color:#E7E7E7;font-size:18px;">更多 ></span>
            </a>
        </div>
        <div style="border:1px solid #E7E7E7;width:92%;margin-left:4%;height:460px;">
            {volist name='problem' id='problem'}
            <div id="problem{$problem.id}">
            <a href="show_patent.html?id={$problem.id}" >
            <img src="/uploads/images/{$problem.photo}" style="width:100%;height:300px;">
            </a>
            </div>
            {/volist}

            <div class="shop_click" style="width:60%;margin-left:20%;margin-top:20px;">
                <a onclick="change_div1('problem1')" style="text-decoration:none;color:#ffffff;font-size:28px;"><span id="b" style="margin:5px;">1</span></a>
                <a onclick="change_div1('problem2')" style="text-decoration:none;color:#ffffff;font-size:28px;"><span id="b2" style="margin:5px;">2</span></a>
                <a onclick="change_div1('problem3')" style="text-decoration:none;color:#ffffff;font-size:28px;"><span id="b3" style="margin:5px;">3</span></a>
                <a onclick="change_div1('problem4')" style="text-decoration:none;color:#ffffff;font-size:28px;"><span id="b4" style="margin:5px;">4</span></a>
            </div>
        </div>
    </div>

    <script type="text/javascript">
        function change_div1(id){
            if (id == 'problem2' )
            {
                var d = document.getElementById("b2");
                d.style.backgroundColor = "#6C000A";
                d.style.color = "#FFFFFF";
                var d2 = document.getElementById("b");
                d2.style.color = "#ffffff";
                d2.style.backgroundColor = "#A96B6F";
                var d3 = document.getElementById("b3");
                d3.style.backgroundColor = "#A96B6F";
                d3.style.color = "#ffffff";
                var d4 = document.getElementById("b4");
                d4.style.backgroundColor = "#A96B6F";
                d4.style.color = "#ffffff";
                document.getElementById("problem2").style.display = 'block' ;
                document.getElementById("problem1").style.display = 'none' ;
                document.getElementById("problem3").style.display = 'none' ;
                document.getElementById("problem4").style.display = 'none' ;
            }
            else if(id == 'problem1' )
            {
                var d = document.getElementById("b");
                d.style.backgroundColor = "#6C000A";
                d.style.color = "#FFFFFF";
                var d2 = document.getElementById("b2");
                d2.style.backgroundColor = "#A96B6F";
                d2.style.color = "#ffffff";
                var d3 = document.getElementById("b3");
                d3.style.backgroundColor = "#A96B6F";
                d3.style.color = "#ffffff";
                var d4 = document.getElementById("b4");
                d4.style.backgroundColor = "#A96B6F";
                d4.style.color = "#ffffff";
                document.getElementById("problem1").style.display = 'block' ;
                document.getElementById("problem2").style.display = 'none' ;
                document.getElementById("problem3").style.display = 'none' ;
                document.getElementById("problem4").style.display = 'none' ;
            }
            else if(id == 'problem3' )
            {
                var d = document.getElementById("b3");
                d.style.backgroundColor = "#6C000A";
                d.style.color = "#FFFFFF";
                var d2 = document.getElementById("b");
                d2.style.backgroundColor = "#A96B6F";
                d2.style.color = "#ffffff";
                var d3 = document.getElementById("b2");
                d3.style.backgroundColor = "#A96B6F";
                d3.style.color = "#ffffff";
                var d4 = document.getElementById("b4");
                d4.style.backgroundColor = "#A96B6F";
                d4.style.color = "#ffffff";
                document.getElementById("problem3").style.display = 'block' ;
                document.getElementById("problem2").style.display = 'none' ;
                document.getElementById("problem1").style.display = 'none' ;
                document.getElementById("problem4").style.display = 'none' ;
            }
            else if(id == 'problem4' )
            {
                var d = document.getElementById("b4");
                d.style.backgroundColor = "#6C000A";
                d.style.color = "#FFFFFF";
                var d2 = document.getElementById("b");
                d2.style.backgroundColor = "#A96B6F";
                d2.style.color = "#ffffff";
                var d3 = document.getElementById("b2");
                d3.style.backgroundColor = "#A96B6F";
                d3.style.color = "#ffffff";
                var d4 = document.getElementById("b3");
                d4.style.backgroundColor = "#A96B6F";
                d4.style.color = "#ffffff";
                document.getElementById("problem4").style.display = 'block' ;
                document.getElementById("problem1").style.display = 'none' ;
                document.getElementById("problem2").style.display = 'none' ;
                document.getElementById("problem3").style.display = 'none' ;
            }
        }
    </script>
    <style type="text/css">
        #problem2 { display:none;}
        #problem3 { display:none;}
        #problem4 { display:none;}
        #b {background-color:#6C000A;}
        #b2,#b3,#b4 {background-color:#A96B6F;}
    </style>
    <!--公路要事-->
    <!--右边-->
    <div style="height:270px;width:80%;position:relative;left:20%;bottom:520px;">
        <!--新闻中心-->
        <div style="height:270px;width:48%;">
            <div style="margin-left:5%;border-bottom:1.5px solid #6B000A;">
            <span style="font-size:28px;">
                <img src="/uploads/img/7.jpg" style="width:2%;">
               <span style="margin-left:1px;">
                   <a href="patent.html?id=4"  style="text-decoration:none;color:#000000;">
                   新闻中心3
                   </a>
               </span>
            </span>
                <span style="float:right;margin-right:30px;"><img src="/uploads/img/6.jpg" style="margin-left:80%;margin-top:10px;"></span>
                <div style="margin-left:5%;">News Center</div>
            </div>
            <ul style="line-height:30px;">
                {volist name='register' id='register'}
                <a href="show_patent.html?id={$register.id}"  style="text-decoration:none;color:#000000;">
                <li style="list-style:none;margin-left:-16px;border-bottom:1.4px dotted #C1C1C1;">
                <span>
                    <img src="/uploads/img/5.png" style="width:1.5%;margin-left:2px;">
                    {$register.title}
                    <span style="float: right;">【{$register.update_time|date="Y-m-d",###}】</span>
                </span>
                </li>
                </a>
                {/volist}
            </ul>
        </div>
        <div style="position:relative;left:50%;bottom:270px;height:270px;width:50%;">
            <div style="margin-left:5%;border-bottom:1.5px solid #6B000A;">
            <span style="font-size:28px;">
                <img src="/uploads/img/7.jpg" style="width:2%;">
               <span style="margin-left:1px;">
                   <a href="patent.html?id=3"  style="text-decoration:none;color:#000000;">
                       新闻中心4
                   </a>
               </span>
            </span>
                <span style="float:right;margin-right:30px;"><img src="/uploads/img/6.jpg" style="margin-left:80%;margin-top:10px;"></span>
                <div style="margin-left:5%;">News Center</div>
            </div>
            <ul style="line-height:30px;">
                {volist name='news' id='news'}
                <a href="show_patent.html?id={$news.id}"  style="text-decoration:none;color:#000000;">
                <li style="list-style:none;margin-left:-16px;border-bottom:1.4px dotted #C1C1C1;">
                    <span>
                        <img src="/uploads/img/5.png" style="width:1.5%;margin-left:2px;">
                        <span>{$news.title}</span>
                    </span>
                    <span style="float: right;">【{$news.update_time|date="Y-m-d",###}】</span>
                </li>
                </a>
                {/volist}
            </ul>
        </div>
    </div>
    <div style="position:relative;left:20%;bottom:550px;width:80%;height:250px;">
        <div style="margin-left:2%;">
            <span style="font-size:28px;">
                <img src="/uploads/img/7.jpg" style="width:1%;">
               <span style="margin-left:1px;">风采展示</span>
            </span>
            <div style="margin-left:3%;">Elegant Appearance</div>
        </div>
        <div style="height:190px;">
            <div id="demo">
                <div id="indemo">
                    <div id="demo1">
                        {volist name='mien' id='mien'}
                        <a href="show_patent.html?id={$mien.id}"><img src="/uploads/images/{$mien.photo}" style="height:180px;"/></a>
                       {/volist}
                    </div>
                    <div id="demo2"></div>
                </div>
            </div>
        </div>
    </div>
</div>
<style type="text/css">
    #demo {
        background: #FFF;
        overflow:hidden;
        width: 80%;
        margin-left:10% ;
    }
    #indemo {
        float: left;
        width: 800%;
    }
    #demo1 {
        float: left;
    }
    #demo2 {
        float: left;
    }
</style>
<script>
    <!--
    var speed=10; //数字越大速度越慢
    var tab=document.getElementById("demo");
    var tab1=document.getElementById("demo1");
    var tab2=document.getElementById("demo2");
    tab2.innerHTML=tab1.innerHTML;
    function Marquee(){
        if(tab2.offsetWidth-tab.scrollLeft<=0)
            tab.scrollLeft-=tab1.offsetWidth
        else{
            tab.scrollLeft++;
        }
    }
    var MyMar=setInterval(Marquee,speed);
    tab.onmouseover=function() {clearInterval(MyMar)};
    tab.onmouseout=function() {MyMar=setInterval(Marquee,speed)};
    -->
</script>
<!--主体结束-->
<div>
    <div class="clear" style=" clear:both;"> </div>
{include file="index/footer"/}
</div>
</body>
<script src="https://cdn.bootcss.com/jquery/1.12.4/jquery.min.js"></script>
<!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
<script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
</html>


